<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>购物车</title>
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
    <link href="css/nf.lightbox.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="js/jquery-3.6.0.js"></script>
    <script type="text/javascript" src="js/NFLightBox.js"></script>
    <script type="text/javascript" src="js/cart.js"></script>
    <script src="js/json.js"></script>

    <style type="text/css">
        .mask { /*遮罩层*/
            background-color: gray;
            left: 0;
            position: absolute;
            top: 0;
            z-index: 100;
            filter: alpha(opacity=30);
            opacity: 0.3;
        }

        div.dialog {
            width: 296px;
            height: 173px;
            position: absolute;
            z-index: 101;
            display: none;
            background-image: url(img/dialog.png)
        }

        div.title {
            padding-top: 5px;
            padding-left: 270px;
        }

        div.dialog div.content {

            height: 90px;
            text-align: center;

            font: bold 15px/90px Verdana, Geneva, sans-serif;
        }

        div.dialog div.bottom {
            text-align: right;
            padding: 10px 10px 10px 0px;
            border-top: 1px dashed #999999;

        }

        div.bottom .btn1 {
            border: none;
            width: 63px;
            height: 29px;
            cursor: pointer;

        }

        div.bottom #btnSure {
            background-image: url(img/delSure.jpg);
        }

        div.bottom #btnCancel {
            background-image: url(img/delCancel.jpg);
        }
    </style>
</head>

<body>
<!--头部-->
<!--头部-->
<div id="top-cont">
    <div id="top-min">
        <div id="min-left"></div>
        <div id="min-right"></div>
    </div>
</div>
<!--导航-->
<div id="menu">
    <div id="menu-m">
        <ul>
            <li style="width:8px;"><img src="img/t1.jpg" width="8" height="42"/></li>
            <li><a href="index.html">首页</a></li>
            <li style="width:8px;"><img src="img/t1.jpg" width="8" height="42"/></li>
            <li><a href="choiceness.html">精选</a></li>
            <li style="width:8px;"><img src="img/t1.jpg" width="8" height="42"/></li>
            <li><a href="group.html">团购</a></li>
            <li style="width:8px;"><img src="img/t1.jpg" width="8" height="42"/></li>
            <li><a href="information.html">景点资讯</a></li>
            <li style="width:8px;"><img src="img/t1.jpg" width="8" height="42"/></li>
            <li><a href="comments.html">旅友热评</a></li>
            <li style="width:8px;"><img src="img/t1.jpg" width="8" height="42"/></li>
        </ul>
    </div>
</div>
<div id="shop">
    <div id="shop-t">
        <div id="shop-l"><img src="img/sh.jpg" width="74" height="67"/></div>
        <div id="shop-r">我的订单信息</div>
    </div>
    <div id="shop-inf">
        <ul>
            <li class="xh">序号</li>
            <li class="lx">路线名称</li>
            <li class="rs">单价</li>
            <li class="dj">出游日期</li>
            <li class="cz"></li>
        </ul>
    </div>
    <div id="shop-xx">
    </div>
</div>

<!--底部-->
<div id="foot">
    <!--底部-->
    <div id="foot-t"><p>许可证编号：WE125482154 鄂ICP备125478966</p>
        <p><a href="privacypolicy.html">隐私保护</a> | <a href="aboutus.html">关于我们</a> | <a
                href="friendsweb.html">友情链接</a> | <a href="compartner.html">商务合作</a></p>
    </div>
</div>
<div class="mask"></div>


<div class="dialog">
    <div class="title">
        <img src="img/del.png" id="closePic" title="关闭"/></div>
    <div class="content"><p>您真的要删除这条记录吗？</p></div>
    <div class="bottom">
        <input type="button" value="" class="btn1" id="btnSure"/>
        <input type="button" value="" class="btn1" id="btnCancel"/>
    </div>
</div>
</body>
</html>
